<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
  <h1>点击按钮</h1>

<p>将创建一个带有 src 属性的 script 标签并将其放在文档中。</p>

<p>PHP 文件以 JSON 对象作为参数返回对函数的调用。</p>

<button onclick="clickButton()">单击我！</button>
<p id="demo1"></p>
    <div id='demo'></div>
    <!-- 首先 json是啥东西啊！问时间管理大师，罗老师 -->
    <!-- json 是一种数据格式而已以及存储，只是对象标记的书写文本 -->
    <!-- 交换数据 我们将javascript的对象转为一种json 然后发送给服务器的 也可以把json 装换为对象 -->
</body>
</html>
<script>
// 第一种 发送数据的json使用
//  将javscript装换为json发送到服务器
// 比如1
//  var  my={name:"张三",age:18,city:"广州"}
//     var myJSON =JSON.stringify(my);
//     console.log(myJSON);
//     window.location = "/demo/demo_json.php?x=" + myJSON;
    
    // 接收数据json转换为javscript 使用 json.parse()
    // var  my=`{"name":"张三","age":18,"city":"广州"}`
    // var myJSON =JSON.parse(my);
    //  document.getElementById('demo').innerHTML=myJSON.name

    //  存储数据
    // 如果有时候数据必须是json咋办 搞他
    var  my={name:"张三",age:18,city:"广州"};
      myJSON=JSON.stringify(my);
      window.localStorage.setItem('l LOVE YOU',myJSON);
    //   接受数据
// 读取里面的数据
  text=localStorage.getItem('l LOVE YOU');
  obj=JSON.parse(text);
  document.getElementById('demo').innerHTML=obj.name

//   总结的玩一下啊 json 就是一个数据格式  可以自我描述 交换 独立、
// 为什么使用 JSON？
// 因为 JSON 格式仅仅是文本，它能够轻松地在服务器浏览器之间传输，并用作任何编程语言的数据格式。
// 
// JavaScript 提供內建函数把以 JSON 格式写的字符串转换为原生 JavaScript 对象：

// jsonp 是一种无须考虑跨域传输json的数据
  // jsonp 不适用 XMLHttpRequest 对象 使用的script
  // <script src="demo_jsonp.php">


    function clickButton() {
  var s = document.createElement("script");
  s.src = "/demo/demo_php_jsonp.php";
  document.body.appendChild(s);
}

function myFunc(myObj) {
  document.getElementById("demo").innerHTML = myObj.name;
}
</script>
